<?php echo $this->partial("/_partial/initHead.phtml", "facebook") ?>
<div class='mask-wrap-fans'>
    <?php if (empty($this->fans)): ?>
        <div class='message'>
            <?php echo $this->translate->_("NO_FANS_MSG") ?>
        </div>
    <?php else: ?>
        <div class='wrap-fans'>
            <?php echo $this->partial("/_partial/fanlist.phtml", array (
                                                "fans"           => $this->fans, 
                                                "translate"      => $this->translate,
                                                "facebook"       => $this->facebook,
                                                "offset"         => $this->offset,
                                                "id_social_page" => $this->id_social_page,
                                                "can_vote"       => $this->can_vote
                                     )); 
            ?>
        </div>
        <div class='loader'>
            <img src='<?php echo $this->baseUrl() . '/images/loader.gif'?>'/>
        </div>
        <div class='wrap-info-text'>
            <div class='info-text'>
                <p>Last updated 28/3/2013 8:30</p>
                <p>Leader Board are updated every 1 hour</p>
            </div>         
        </div>
    <?php endif; ?>
</div>            

<script>
    var id_social_page = '<?php echo $this->id_social_page?>';
    <?php if ($this->id_social_user): ?>
        var id_social_user = '<?php echo $this->id_social_user ?>';
    <?php else: ?>
        var id_social_user = null;
    <?php endif; ?>
    var offset = <?php echo $this->offset ?>;
    var fan_per_page = <?php echo FAN_PER_PAGE ?>;
    var time = <?php echo $this->start_time ?>;
    var end_time = <?php echo $this->end_time ?>;
</script>